<template>
  <view class="demo-index flex flex-col items-center">
    <view class="demo-btn" @click="handleClick(1)">
      第一关
    </view>
    <view class="demo-btn" @click="handleClick(2)">
      第二关
    </view>
    <view class="demo-btn" @click="handleClick(3)">
      第三关
    </view>
    <view class="demo-btn" @click="handleClick(4)">
      第四关
    </view>
  </view>
</template>

<script setup lang="ts">
// type 1-拼音填空 2-组词填空 3-思维导图 4-多选 5-单选、判断 6-拖拽 7-连线 8-长图平移 9-静态图
const handleClick = (index: number) => {
  uni.navigateTo({
    url: `/pages/views/demo/level${index}?thday=${index}`,
  });
};
</script>

<style scoped lang="scss">
.demo-index {
  width: 100%;
  padding: 100rpx 40rpx;

  .demo-btn {
    width: 100%;
    height: 80rpx;
    line-height: 80rpx;
    text-align: center;
    color: #fff;
    background: #6BBDFF;
    margin-bottom: 20rpx;
    border-radius: 12rpx;
  }
}
</style>
